<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/about.css"/>
		<link rel="stylesheet" type="text/css" href="css/Jiao.css"/>
		<title></title>
	</head>
	<body>
		<nav class="navbar navbar-inverse">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
					</button>
					<div class="row">
						<div class="col-lg-3"></div>
						<div class="col-lg-3"></div>
						<div class="col-lg-3"></div>
						<div class="col-lg-3">
							<a class="navbar-brand" href="#" style="width: 200px;">
								家具商场
							</a>
						</div>
					</div>
				</div>
				<div class="container dao">
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">

							<li><a href="index.html">首页</a></li>
							<li><a href="xilie.html">系列产品</a></li>
							<li><a href="fazhan.html">家具发展</a></li>
							<li><a href="">家具购买</a></li>
							<li><a href="denglu.html"target="_parent">注册登录</a></li>
							<li><a href="#">关于我们</a></li>

					</div>
				</div>
				<!-- /.navbar-collapse -->
		
			<!-- /.container-fluid -->
		</nav>
		<div class="content">
			<div id="site-banner" class="text-center clearfix">
			    <div class="container">
			        <h1 class="title wow slideInLeft">关于我们</h1>
			        <ol class="breadcrumb wow slideInRight">
			            <li><a href="index.html">首页</a></li>
			            <li class="active" id="this">关于我们</li>
			        </ol>
			    </div>
			</div>
			
			<div class="container">
			  <div class="about">
			    <h2>品牌理念</h2>
			    <div class="about-bottom" style="margin-top: 50px;">
			      <div class="col-md-7 about-grid" >
			        <h6><a href="#" style="color: #663300;">xx家私始建于xxxx年，xxxx年注册成立xx实业有限公司。公司一直秉承“我们只做好家具”的核心理念，经过三十余载的励精图治，现已发展成为集家具设计、研发、制造、销售、服务为一体的现代化大型家具企业</a></h6>
			        <p style="margin-top: 50px;">xx集团先后荣获 “中国驰名商标”、“中国环境标志产品”、“中国质量环保产品”、“质量信誉AAA企业”等殊荣，并在业内率先通过“ISO9001质量体系”，“ ISO14001环境体系”，“GB/T28001职业健康安全体系”等认证。 集团正以国际化的战略为指引，以品牌、文化为纽带，实践“让员工快乐工作、持续成长”的人才理念，全力缔造更为卓越的发展模式，打造百年xx！</p>
			        <p>公司主要生产板式套房家具、实木家具、软体家具、玻钢家具等多系列产品，产品畅销全国，远销德国、法国、西班牙、俄罗斯、越南、印度、埃及等东南亚、中东、欧洲等全球几十个国家和地区</p>
			      </div>
			      <div class="col-md-5 abut-img"> <a href="#" > <img src="img/ab1.jpg" alt="" class="img-responsive "> </a> </div>
			      <div class="clearfix"> </div>
			    </div>
			    <!---->
			    <div class="bottom-grid" style="margin-top: 40px;">
			      <h3>家具设计</h3>
			      <div class="col-md-4 bottom-grids"> <a href="#" ><img class="img-responsive" src="img/vi.jpg" title="name" alt="家具设计1" ></a>
			        <p>秉承谦礼与和谐的理念，这款家具致力于中国现代风格家具的原始设计和生产。受中国传统文化的启发，其设计表现出对自然，人文和美学的尊重，同时又表现出节制与和平的美。</p>
			      </div>
			      <div class="col-md-4 bottom-grids"> <a href="#" ><img class="img-responsive" src="img/vi1.jpg" title="name" alt="家居设计2" ></a>
			        <p>它结合了先进技术与传统的手工艺，重新定义了中国当代家具设计和现代中国生活方式的界限。专注于中国传统文化，致力于重建适合现代中国的全新生活方式，并倡导“和平，平衡的生活”。</p>
			      </div>
			      <div class="col-md-4 possible-about">
			        <h4>我们的能力</h4>
			        <div class="tab1">
			          <ul class="place">
			            <li><img src="img/cir.png" alt=""></li>
			            <li>家具安装</li>
			          </ul>
			          <p>免费上门安装本产品，联系电话：17838634498</p>
			        </div>
			        <div class="tab2">
			          <ul class="place">
			            <li><img src="img/cir.png" alt=""></li>
			            <li>家具定制</li>
			          </ul>
			          <p >您可以在我们原有的商品上，进行皮革，颜色，以及棉织品的选择。</p>
			        </div>
			        <div class="tab3">
			          <ul class="place">
			            <li><img src="img/cir.png" alt=""></li>
			            <li>退换服务</li>
			          </ul>
			          <p >我们承诺7日内，家具如有损坏，异味，或是其它问题，可退换</p>
			        </div>
			        <div class="tab4">
			          <ul class="place">
			            <li><img src="img/cir.png" alt=""></li>
			            <li>家具维护</li>
			          </ul>
			          <p > 如家具损坏，可联系我们，进行上门维修</p>
			        </div>
			        
			        <!--script--> 
			        <script>
										$(document).ready(function(){
											$(".tab1 p").hide();
											$(".tab2 p").hide();
											$(".tab3 p").hide();
											$(".tab4 p").hide();
											$(".tab1 ul").click(function(){
												$(".tab1 p").slideToggle(300);
												$(".tab2 p").hide();
												$(".tab3 p").hide();
												$(".tab4 p").hide();
											})
											$(".tab2 ul").click(function(){
												$(".tab2 p").slideToggle(300);
												$(".tab1 p").hide();
												$(".tab3 p").hide();
												$(".tab4 p").hide();
											})
											$(".tab3 ul").click(function(){
												$(".tab3 p").slideToggle(300);
												$(".tab4 p").hide();
												$(".tab2 p").hide();
												$(".tab1 p").hide();
											})
											$(".tab4 ul").click(function(){
												$(".tab4 p").slideToggle(300);
												$(".tab3 p").hide();
												$(".tab2 p").hide();
												$(".tab1 p").hide();
											})	
										});
									</script> 
			        <!-- script --> 
			      </div>
			      <div class="clearfix"> </div>
			    </div>
				<!--联系我们-->
			    <div class="contact_top" style="margin-top: 50px;">
			    	 		
			    	 			<div class="col-md-8 contact_left">
			    	 				<h3>联系我们</h3>
			    	 				<p></p>
			    					  <form>
			    						 <div class="form_details">
			    			                 <input type="text" class="text" value="姓名" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '姓名';}">
			    							 <input type="text" class="text" value="邮箱地址" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '邮箱地址';}">
			    							 <input type="text" class="text" value="电话" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '电话';}">
			    							 <textarea value="备注" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '备注';}">备注</textarea>
			    							 <div class="clearfix"> </div>
			    							 <div class="sub-button">
			    							 	<input type="submit" value="发送">
			    							 </div>
			    				          </div>
			    				       </form>
			    			        </div>
			    			        <div class="col-md-4 company-right">
			    			        	<div class="company_ad">
			    					     		<h3>公司地址</h3>
			    					     		<span>河南省&nbsp;郑州市&nbsp;金水区&nbsp;鑫苑路5号</span>
			    	      						<address>
			    									 <p>邮箱 : <a href="mailto:386046110@qq.com">386046110@qq.com</a></p>
			    									  <p>电话：15100111111</p>
			    									 <p>上班时间：10：00~22:00</p>
													<p style="margin-top: 100px;">xx家私为了保证为每一位xx用户提供最优质的服务，从以下方面不断完善服务体系，不断努力，以求公司与客户双赢。</p>
			    					   			</address>
			    					   		</div>
			    					</div>	
			    					<div class="clearfix"> </div>
			    			</div>
			  </div>
		</div>
		<div class="jiao1" style="margin-top: 50px;">
			<div class="zuo">
				<p><span>400阳光服务热线：</span>XXX-XXXX-XXX</p>
				<p><span>企业邮箱：</span>企业邮箱：XXXXXXX@qq.com</p>
				<p><span>联系地址：</span>XXXXXXX</p>
			</div>
			<div class="you">
				<p>扫码关注我们</p>
				<img src="img/qr-wx.jpg" class="img1" alt="官方微信" title="官方微信" >
				<img src="img/qr-wx.jpg" alt="官方微博" title="官方微博" >
			</div>
		</div>
	</body>
</html>
